我個人的習慣是在寫內容之前,會先把元件都創好組起來,所以花了一些時間將 FrontEnd layout 的元件都先建置起來
主要配置就是 navbar、sidebar、content、footer,先把元件都建好,並 import 到 FrontEnd layout 。
做事情習慣由大到小,所以都從大方向的東西開始著手
今天又踩雷了,昨天把 scss 放進來整理之後,其實還沒 import,結果今天 npm run dev 一下,就出包了
原來是 sass-loader 版本太新,改成 sass-loader@10 之後就順利過關
後來開始研究 scss 的部分,對於許久未碰的 @mixin、@include、@each 突然有點茫,花了一些時間才想起來自己之前寫的是啥東西。
就開始將btn那些小元件的 @each 也先寫好,修改成這次設計要樣式,順便加上 active 的版本,開始配色哩哩摳摳的。
接著把前幾天寫好的小日曆丟進來,開始改配色、整理、排版
目前對於 CSS Grid 不太熟悉,很多時候都會想說要用 CSS Flex 還是 CSS Grid,猶猶豫豫的
但是趕時間的關係,最後想想還是先在日曆上用 CSS Grid,其他部分都還是用我的真愛 CSS Flex來寫,據說大腦總是會讓我們選擇輕鬆的方法,這肯定不是假的。
只是在寫 CSS Flex 同時,也思考如果是用 CSS Grid要怎麼寫?
後續更新在陸續換成 CSS Grid 吧!